.head {
    width: 100%;
    height: 100%;
    background-color: rgb(223, 221, 218);
    overflow: hidden;
    .head-bx {
        width: 98%;
        margin: 10px auto;
        
        .head-top {
           height: 300px;
           display: flex;
           .top-right {
            width: 50%;
            // background-color: aqua;
            // background-color: #fff;
             height: 300px;
             display: flex;
             flex-wrap: wrap;
             justify-content: space-evenly;
             .yi{
                width: 47%;
                height: 47%;
                // background-color: blueviolet;
                 background-color: #fff;
                 padding: 5px;

             }
           }
           .top-left {
            width: 50%;
            // background-color: aqua;
            // background-color: #fff;
             height: 291px;
              background-color: #fff;
              padding: 0 10px;
              #main {
                width: 100%;
                 height: 291px;
                
              }

           }
        }
        .head-bottom {
            // height: 300px;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            padding-left:12px ;
            margin: 10px 0;
           .bottom-right {
             width: 33%;
             height: 400px;
             background-color: #fff;

           } 
           .bottom-left {
            width: 66%;
            height: 400px;
            background-color: #fff;
           }
        }
    }
}
